<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商城</title>
    <link rel="icon" type="image/x-icon" href="https://s01.mifile.cn/favicon.ico">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/shop.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
</head>

<body>
    <header>
        <div class="little">
            <div class="wrapper">
                <ul>
                    <li><a href="#">小米官网</a></li>
                    <li><a href="#">小米商城</a></li>
                    <li><a href="#">MIUI</a></li>
                    <li><a href="#">IoT</a></li>
                    <li><a href="#">云服务</a></li>
                    <li><a href="#">天星数科</a></li>
                    <li><a href="#">有品</a></li>
                    <li><a href="#">小爱开放平台</a></li>
                    <li><a href="#">企业团购</a></li>
                    <li><a href="#">资质证照</a></li>
                    <li><a href="#">协议规则</a></li>
                    <li><a href="#">下载app</a></li>
                    <li><a href="#">Select Location</a></li>
                </ul>
                <div class="user"><a href="#">大林子</a></div>
                <div class="mag"><a href="#">消息通知</a></div>
                <div class="myorder"><a href="#">我的订单</a></div>
                <div class="cart"><a href="#">&nbsp&nbsp购物车（0）</a></div>
            </div>
        </div>
        <div class="nav wrapper">
            <div class="logo"></div>
            <ul>
                <li>Xiaomi手机</li>
                <li>Redmi手机</li>
                <li>电视</li>
                <li>笔记本</li>
                <li>平板</li>
                <li>家电</li>
                <li>路由器</li>
                <li>服务中心</li>
                <li>社区</li>
            </ul>
            <div class="search">
                <input type="search" placeholder="红米" class="text">
                <button class="search-but">
                    <span class="iconfont">&#xe7b3</span>
                </button>
            </div>
    </header>

    <div class="box">
        <div class="banner wrapper">
            <div class="ban-nav">
                <ul>
                    <li>手机<span>></span></li>
                    <li>电视<span>></span></li>
                    <li>笔记本 平板<span>></span></li>
                    <li>出行 穿戴<span>></span></li>
                    <li>耳机 音箱<span>></span></li>
                    <li>家电<span>></span></li>
                    <li>智能 路由器<span>></span></li>
                    <li>电源 配件<span>></span></li>
                    <li>健康 儿童<span>></span></li>
                    <li>生活 箱包<span>></span></li>
                </ul>
            </div>
            <div class="ban-img">
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    </ol>
                  
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                      <div class="item active">
                        <img src="../images/img1.jpg" alt="...">
                        <div class="carousel-caption">
                          ...
                        </div>
                      </div>
                      <div class="item">
                        <img src="../images/img2.jpg" alt="...">
                        <div class="carousel-caption">
                          ...
                        </div>
                      </div>
                      <div class="item">
                        <img src="../images/img3.jpg" alt="...">
                        <div class="carousel-caption">
                          ...
                        </div>
                      </div>
                    </div>
                  
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                      <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                      <span class="sr-only">Next</span>
                    </a>
                  </div>
            </div>
        </div>
    </div>

    <footer>
      <div class="set-footer">
        <div class="footer-nav wrapper">
          <ul>
            <li><a href="#">预约维修服务</a></li>
            <li>|</li>
            <li><a href="#">7天无理由退货</a></li>
            <li>|</li>
            <li><a href="#">15天免费换货</a></li>
            <li>|</li>
            <li><a href="#">满69元包邮</a></li>
            <li>|</li>
            <li><a href="#">1100余家售后网点</a></li>
          </ul>
        </div>
        <div class="more" wrapper></div>
      </div>
    </footer>

    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</body>

</html>